<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动跳转首页</title>
    <style>
        p{
            text-align: center;
        }
        span{
            color: red;
        }
    </style>

</head>
<body>
<p>
    <span id="sp">5</span>秒之后，自动跳转首页
</p>
<script>

    /*
    *1.设置一个p标签
    * 2.定义方法，获取p标签，修改时间
    * 3.定义一个定时器，一秒执行一次该方法
    * */
    var second=5;
    var sp = document.getElementById("sp");
    function showTime() {
        second--;
        if (second<1){
            location.href="https://www.baidu.com";
        }
        sp.innerHTML =second+"";

    }
    setInterval(showTime,1000);
</script>
</body>
</html>